<div
  class="resources-dropdown-menu flex flex-col rounded-2xl p-4 lg:min-w-[220px]"
>
  <ul
    class="flex list-none flex-col gap-2 pl-0 text-gray-700 dark:text-zinc-200"
  >
    <li>
      <a
        href="https://dev.dyte.io"
        class="flex items-center gap-2 text-inherit"
        target="_blank"
      >
        <img
          src="/static/landing-page/sdk-icons/resources/web.svg"
          width="22"
          height="22"
        />
        Developer Portal
      </a>
    </li>
    <!-- <li>
      <a
        href="https://github.com/dyte-samples"
        class="flex items-center gap-2 text-inherit"
        target="_blank"
      >
        <img src="/static/landing-page/sdk-icons/resources/apps.png" />
        Sample Apps
      </a>
    </li> -->
    <li>
      <a href="/faq" class="flex items-center gap-2 text-inherit">
        <img
          src="/static/landing-page/sdk-icons/resources/faq.svg"
          width="22"
          height="22"
        />
        FAQ
      </a>
    </li>
    <li>
      <a
        href="https://www.youtube.com/@dyte-io"
        target="_blank"
        class="flex items-center gap-2 text-inherit"
      >
        <img
          src="/static/landing-page/sdk-icons/resources/video.svg"
          width="22"
          height="22"
        />
        Videos
      </a>
    </li>
    <li>
      <a
        href="https://github.com/dyte-io"
        target="_blank"
        class="flex items-center gap-2 text-inherit"
      >
        <img
          src="/static/landing-page/sdk-icons/resources/github.svg"
          width="22"
          height="22"
        />
        Sample Apps
      </a>
    </li>
    <li>
      <a href="/release-notes" class="flex items-center gap-2 text-inherit">
        <img src="/static/landing-page/sdk-icons/resources/book-open.svg" />
        Release Notes
      </a>
    </li>
  </ul>

  <!-- <div class="hr-line"></div> -->

  <!-- <h2 class="text-sm text-primary dark:text-primary-100">
    Getting started with Dyte
  </h2>
  <ul
    class="flex list-none flex-col gap-2 pl-0 text-gray-700 dark:text-zinc-200"
  >
    <li>
      <a href="#" class="flex items-center gap-2 text-inherit">
        <img src="/static/landing-page/sdk-icons/resources/video-library.png" />
        Videos
      </a>
    </li>
    <li>
      <a href="#" class="flex items-center gap-2 text-inherit">
        <img src="/static/landing-page/sdk-icons/resources/menu-book.png" />
        Blog
      </a>
    </li>
    <li>
      <a href="/guides" class="flex items-center gap-2 text-inherit">
        <img src="/static/landing-page/sdk-icons/resources/book.png" />
        Guides
      </a>
    </li>
  </ul>

  <a href="#" class="mt-4 font-semibold text-primary dark:text-primary-100">
    View all resources &rarr;
  </a> -->
</div>
